Opprette nytt Svelteprosjekt

For å opprette et nytt prosjekt i Svelte kan du følge instruksjonen i videoen under.

I videoen gjør jeg følgende steg:

  1. Oppretter enn ny mappe til prosjektet
  2. Åpner mappen i Visual Studio Code med menyvalget FileOpen Folder
  3. Åpner en terminal i Visual Studio Code med menyvalget TerminalNew Terminal
  4. Skriver inn kommandoen npm create svelte@latest .
    1. npm er navnet på programmet vi kjører (npm er node package manager)
    2. create betyr at vi skal opprette et nytt prosjekt
    3. svelte@latest betyr at prosjekttypen er Svelte, og at vi skal brukes siste versjon av Svelte
    4. . betyr at vi skal opprette prosjektet i vår nåværende mappe
  5. Gjør følgende valg ved hjelp av piltastene, mellomromstasten og enter
    1. Enter for å bekrefte at vi oppretter prosjektet i nåværende mappe
    2. Velger Skeleton project for å få et blankt prosjekt uten innhold
    3. Velger ingen Type checking siden vi ikke bruker dette i IT1
    4. Velger ESLint for å hjelpe oss å finne feil og problemer i koden, samt Prettier som formaterer koden vår på en fin måte
  6. Skriver inn npm install for å installere alle pakkene som npm har funnet ut at vi trenger til prosjektet
  7. Skriver npm run dev -- --open for å starte en Svelte Server som kompilerer Sveltekoden vår, lager den ferdige HTML-, CSS- og Javascript-koden og viser oss nettsiden. Denne serveren må kjøre på datamaskinen din for at du skal kunne se nettsiden.
    1. run dev kjører et npm script kalt dev som du finner i fila package.json. Hvis du leter her så vil du se at dev egentlig kjører kommandoen vite dev.
    2. -- disse to bindestrekene gjør at Svelte serveren blir tilgjengelig på nettverket på adressen localhost:5173.
    3. --open gjør at nettsidene åpnes i nettleseren automatisk